<template>
    <div>
        <p class="test">{{ content }}</p>
        <plublic-demo />
        <el-button @click="textColor = textColor == 'red' ? 'green' : 'red'">
            改变{{ content }}颜色
        </el-button>
    </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
var a = 11;
const textColor = ref('red');
const content = ref('我是topLeftOne');
</script>

<style lang="scss" scoped>
.test {
    color: v-bind(textColor);
}
</style>
